<template>
    <div>
        <van-field :name="name" :label="label" :required="required" :rules="rules" :label-width="labelWidth">
            <template #input>
                <van-switch v-on="$listeners" v-bind="$attrs">
                    
                </van-switch>
            </template>
        </van-field>
        
    </div>
</template>
<script>
export default {
    name:"eagle-switch",
    props:{
        name:{
            type:String,
            default(){
                return ''
            }
        },
        label:{
            type:String,
            default(){
                return ''
            }
        },
        // size:{
        //     type:String,
        //     default(){
        //         return '20'
        //     }
        // },
        // loading:{
        //     type:Boolean,
        //     default(){
        //         return false;
        //     }
        // },
        // disabled:{
        //     type:Boolean,
        //     default(){
        //         return false;
        //     }
        // },
        required:{
            type:Boolean,
            default(){
                return false;
            }
        },
        // activeColor:{
        //     type:String,
        //     default(){
        //         return '#1989fa'
        //     }
        // },
        // inactiveColor:{
        //     type:String,
        //     default(){
        //         return 'white'
        //     }
        // },
        rules:{
            type:Array,
            default(){
                return [];
            }
        },
        labelWidth:{
            type:[Number,String],
            default(){
                return "100px";
            }
        }
    },
    data(){
        return {
            inputValue:"",
        }
    },
    watch:{
        inputValue (val) {//当数据变化，组件model的双向绑定
			this.$emit('input', val)
            this.$emit('change', val)
		}
    },
    methods:{
        
    }
}
</script>